<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

<<<<<<< HEAD
    <link
      href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900"
      rel="stylesheet"
    />

=======
>>>>>>> de6e2132efcd486cb4ae1f5380f21f923a781de9
    <link rel="stylesheet" href="css/icon-font.css" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="shortcut icon" type="image/png" href="img/favicon.png" />

    <title>Natours | Exciting tours for adventurous people</title>
  </head>

  <body>
    <header class="header">
<<<<<<< HEAD
=======
<<<<<<< HEAD
        <div class="header__logo-box">
            <img src="img/logo-white.png" alt="logo" class="header__logo">
        </div>
        <div class="header__text-box">
            <h1 class="heading-primary">
                <span class="heading-primary-main">Outdoors</span>
                <span class="heading-primary-sub">is where life happens</span>
            </h1>
=======
>>>>>>> de6e2132efcd486cb4ae1f5380f21f923a781de9
      <div class="header__logo-box">
        <img src="img/logo-white.png" alt="logo" class="header__logo" />
      </div>
      <div class="header__text-box">
        <h1 class="heading-primary">
          <span class="heading-primary__main">Outdoors</span>
          <span class="heading-primary__sub">is where life happens</span>
        </h1>
<<<<<<< HEAD
=======
>>>>>>> 6d73bda8f53f5f9146dd707095dfe9cd4b5a0534
>>>>>>> de6e2132efcd486cb4ae1f5380f21f923a781de9

        <a href="#" class="btn btn-white btn-animated">Discover our tours</a>
      </div>
    </header>
<<<<<<< HEAD
=======
<<<<<<< HEAD
    <main >
        <section class="section-about">
         <div class="u-center-text u-margin-bottom-big">
            <h2 class="header-secondary">
                Exciting tours for adventurous people
            </h2>
         </div>
         <div class="row">
             <div class="col-1-of-2">
                <h3 class="heading-tertiary u-margin-bottom-small">You're going to fall in love with nature</h3>
                <p class="paragraph">
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis eum esse doloribus quam saepe consequatur ullam quasi praesentium maiores officia consequuntur illo nostrum fugit, earum cumque molestiae cupiditate excepturi velit?
                </p>
                <h3 class="heading-tertiary u-margin-bottom-small">Live adventurous like you never have before</h3>
                <p class="paragraph">
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis eum esse doloribus quam saepe consequatur ullam quasi praesentium maiores officia consequuntur illo nostrum fugit,
                </p>
                <a href="#" class="btn-text">Learn more &rarr;</a>
             </div>
             <div class="col-1-of-2">
                <div class="composition">
                    <img src="img/nat-1-large.jpg" alt="Photo 1" class="composition__photo composition__photo--p1">
                    <img src="img/nat-2-large.jpg" alt="Photo 2" class="composition__photo composition__photo--p2">
                    <img src="img/nat-3-large.jpg" alt="Photo 3" class="composition__photo composition__photo--p3">
                </div>
             </div>
         </div>
    </section>
      <section class="section-features">
          <i class="icon-basic-world"></i>
      </section>  
    </main>
    
        
        
    </body>
=======
>>>>>>> de6e2132efcd486cb4ae1f5380f21f923a781de9
    <main>
      <section class="section-about">
        <div class="u-center-text u-margin-bottom-big">
          <h2 class="heading-secondary">
            Exciting tours for adventurous people
          </h2>
        </div>
        <div class="row">
          <div class="col-1-of-2">
            <h3 class="heading-tertiary u-margin-bottom-small">
              you're going to fall in love with Natours
            </h3>
            <p class="paragraph">
              Lorem ipsum dolor sit amet consectetur adipisicing elit. At cumque
              dolore distinctio deserunt ipsam quis obcaecati sequi fugiat
              quidem, fuga similique voluptatum nostrum delectus, porro, nisi
              quaerat repudiandae beatae eveniet!
            </p>
            <h3 class="heading-tertiary u-margin-bottom-small">
              Live adventurous like you never before
            </h3>
            <p class="paragraph">
              Lorem ipsum dolor sit amet consectetur adipisicing elit.
              Consequatur dolores ducimus quis eos!
            </p>
            <a href="#" class="btn-text">Learn more &rarr;</a>
          </div>
          <div class="col-1-of-2">
            <div class="composition">
              <img src="img/nat-1-large.jpg" alt="photo 1" class="composition__photo composition__p1" />
              <img src="img/nat-2-large.jpg" alt="photo 2" class="composition__photo composition__p2" />
              <img src="img/nat-3-large.jpg" alt="photo 3" class="composition__photo composition__p3" />
            </div>
          </div>
        </div>
      </section>
      <section class="section-features">
        <i class="icon-basic-world"></i>
      </section>
    </main>
  </body>
<<<<<<< HEAD
=======
>>>>>>> 6d73bda8f53f5f9146dd707095dfe9cd4b5a0534
>>>>>>> de6e2132efcd486cb4ae1f5380f21f923a781de9
</html>
